<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>3D设计</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/jBox.css">
    <link rel="stylesheet" href="css/video.css">
    <link rel="stylesheet" href="css/sliderBox.float.css">
    <link rel="stylesheet" href="css/base.min.css">
    <link rel="stylesheet" href="css/user.min.css">
</head>
<body>
<div class="wrap">
    <div class="head-box">
        <div class="header">
            <div class="container">
                <div class="row">
                    <div class="logo-box">
                        <a class="logo" href="index.html"><img src="img/logo.png"></a>
                        <div class="area-box">
                            <div class="fb-select-box fn-hover-bar">
                                <label class="hd">
                                    <i class="glyphicon glyphicon-map-marker"></i>
                                    <span id="cityName">重庆市</span>
                                    <em class="glyphicon glyphicon-triangle-bottom"></em>
                                </label>
                                <div class="bd fn-hover-menu">
                                    <div class="city-box">
                                        <div class="title clearfix">
                                            <a href="javascript:;" class="active">热门城市</a>
                                            <a href="javascript:;">ABCD</a>
                                            <a href="javascript:;">FGHJ</a>
                                            <a href="javascript:;">KLMN</a>
                                            <a href="javascript:;">QSTW</a>
                                            <a href="javascript:;">XYZ</a>
                                        </div>
                                        <div class="cont">
                                            <div class="item active">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                    <a href="javascript:;">贵阳市</a>
                                                    <a class="active" href="javascript:;">[ 更多 ]</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">北京市</a>
                                                    <a href="javascript:;">上海市</a>
                                                    <a href="javascript:;">广州市</a>
                                                    <a href="javascript:;">深圳市</a>
                                                    <a href="javascript:;">成都市</a>
                                                    <a href="javascript:;">重庆市</a>
                                                    <a href="javascript:;">武汉市</a>
                                                    <a href="javascript:;">沈阳市</a>
                                                    <a href="javascript:;">大连市</a>
                                                    <a href="javascript:;">郑州市</a>
                                                    <a href="javascript:;">西安市</a>
                                                    <a href="javascript:;">南京市</a>
                                                    <a href="javascript:;">苏州市</a>
                                                    <a href="javascript:;">无锡市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                    <a href="javascript:;">昆明市</a>
                                                    <a href="javascript:;">南宁市</a>
                                                    <a href="javascript:;">合肥市</a>
                                                    <a href="javascript:;">长沙市</a>
                                                    <a href="javascript:;">青岛市</a>
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">徐州市</a>
                                                    <a href="javascript:;">杭州市</a>
                                                    <a href="javascript:;">宁波市</a>
                                                    <a href="javascript:;">天津市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <div class="city-list clearfix">
                                                    <a href="javascript:;">哈尔滨市</a>
                                                    <a href="javascript:;">兰州市</a>
                                                    <a href="javascript:;">东莞市</a>
                                                    <a href="javascript:;">惠州市</a>
                                                    <a href="javascript:;">佛山市</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav-box">
                        <ul>
                            <li class="active"><a href="index.html">首页</a></li>
                            <li><a href="afflatus.html">装修灵感</a></li>
                            <!--<li><a href="stylist.html">在线服务</a></li>-->
                            <li><a href="originality.html">创意工坊</a></li>
                            <li><a href="design.html">3D设计</a></li>
                        </ul>
                        <div class="login-register"><a href="login.html">登录</a>／<a href="register.html">入驻</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner static height">
            <label><img src="img/slide/banner6.jpg"></label>
            <div class="bg pd-128">
                <div class="d-table d-height">
                    <div class="cell">
                        <div class="container">
                            <div class="row">
                                <div class="banner-details">
                                    <label class="bd-no-none">VR家居平台4.0全面上线</label>
                                    <span class="fs-18">采用全球领先的虚拟现实引擎技术，专注为家居商场、装饰设计、家居门店提供体验式营销解决方案</span>
                                    <span>解决营销难题，提升成交几率！</span>
                                    <a class="fb-btn bigger background blue hover" href="javascript:;">下载试用</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="bottom-menu">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-3">
                                <a href="javascript:;">
                                    <label>
                                        <i><img src="img/icon/3D-icon1.png"></i>
                                        <span>顶级VR体验</span>
                                    </label>
                                    <div class="text">
                                        <span class="d-table d-height">
                                            <em class="cell">全景实时渲染处理，商品模型极致仿真， 1:1还原真实房间场景，3D实时动态物理 交互体验，无死角自由全角度漫游观看！</em>
                                        </span>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-3">
                                <a href="javascript:;">
                                    <label>
                                        <i><img src="img/icon/3D-icon2.png"></i>
                                        <span>海量真实户型</span>
                                    </label>
                                    <div class="text">
                                        <span class="d-table d-height">
                                            <em class="cell">2分钟从毛坯房到精装修方案设计，当面满足 客户真实户型设计需求，帮助室内设计师、 门店导购、家居客服大幅压缩签单周期！</em>
                                        </span>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-3">
                                <a href="javascript:;">
                                    <label>
                                        <i><img src="img/icon/3D-icon3.png"></i>
                                        <span>在线产品库</span>
                                    </label>
                                    <div class="text">
                                        <span class="d-table d-height">
                                            <em class="cell">海量商品的整体感观效果对比，让客户更直 观选择喜爱的商品搭配，更有在线管理及自 动生成订单功能，大幅提高客户成交率！</em>
                                        </span>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xs-3">
                                <a href="javascript:;">
                                    <label>
                                        <i><img src="img/icon/3D-icon4.png"></i>
                                        <span>全网渠道覆盖</span>
                                    </label>
                                    <div class="text">
                                        <span class="d-table d-height">
                                            <em class="cell">十九区完整连接线上线下需求场景，为室内 设计师、门店导购、装饰公司、在线客服、 卖场建立更广更快速的联系，增加成交量！</em>
                                        </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cont-box">
        <div class="container">
            <div class="row">
                <div class="originality-cont">
                    <label class="originality-banner mt-40 pt-30 tm-center">
                        <span class="d-block mb-25 tc-blue fs-30">让设计更有效率</span>
                        <span class="d-block fs-18 tc-666">看见未来的家，让装修变得更简单</span>
                        <em class="d-block mb-25 fs-18 tc-999">Make the decoration easier</em>
                        <img src="img/design-img.png">
                    </label>
                </div>
            </div>
        </div>
        <div class="banner static small">
            <label><img src="img/video.jpg"></label>
            <div class="bg">
                <div class="d-table d-height">
                    <div class="cell">
                        <div class="container">
                            <div class="row">
                                <div class="banner-details">
                                    <span>一分钟了解十九区VR谈单工具</span>
                                    <a class="video-btn" href="javascript:;"
                                       data-video-url="5b8ba698cb7349eea54386733896cd2d/%E5%8D%81%E4%B9%9D%E5%8C%BAVR%E5%B9%B3%E5%8F%B0%E4%BB%8B%E7%BB%8D"><i
                                            class="fb-arrow-dir right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="originality-list">
                    <h2>
                        <label>
                            <span>更多功能</span>
                            <em class="small-line"></em>
                        </label>
                    </h2>
                    <div class="cont-list clearfix">
                        <div class="col-xs-3">
                            <div class="item">
                                <label>
                                    <img src="img/design-img1.jpg">
                                    <span class="bg">
                                        <span class="d-table d-height">
                                            <em class="cell">让设计更有效率</em>
                                         </span>
                                    </span>
                                </label>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div class="col-xs-12">
                                <div class="item">
                                    <label>
                                        <img src="img/design-img2.jpg">
                                        <span class="bg">
                                            <span class="d-table d-height">
                                                <em class="cell">新一代云端3D</em>
                                             </span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="item">
                                    <label>
                                        <img src="img/design-img3.jpg">
                                        <span class="bg">
                                            <span class="d-table d-height">
                                                <em class="cell">基于真实户型搭配试试修改墙体</em>
                                             </span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div class="col-xs-12">
                                <div class="item">
                                    <label>
                                        <img src="img/design-img4.jpg">
                                        <span class="bg">
                                            <span class="d-table d-height">
                                                <em class="cell">提升服务设计体验</em>
                                             </span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="item">
                                    <label>
                                        <img src="img/design-img5.jpg">
                                        <span class="bg">
                                            <span class="d-table d-height">
                                                <em class="cell">简单易用的全民设计工具</em>
                                             </span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-3">
                            <div class="col-xs-12">
                                <div class="item">
                                    <label>
                                        <img src="img/design-img6.jpg">
                                        <span class="bg">
                                            <span class="d-table d-height">
                                                <em class="cell">全能展示方式</em>
                                             </span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-12">
                                <div class="item">
                                    <label>
                                        <img src="img/design-img7.jpg">
                                        <span class="bg">
                                            <span class="d-table d-height">
                                                <em class="cell">实现设计方案营销</em>
                                             </span>
                                        </span>
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-box">
        <div class="container">
            <div class="row">
                <div class="footer-cont">
                    <div class="menu">
                        <span><a href="#">商家入驻</a></span>
                        <span><a href="#">商家后台</a></span>
                        <span><a href="VR-custom.html">VR定制</a></span>
                        <span><a href="about-us.html?type=opinion">意见反馈</a></span>
                        <span><a href="about-us.html?type=agreement">用户协议</a></span>
                        <span><a href="about-us.html?type=about">关于我们</a></span>
                        <span><a href="about-us.html?type=job">工作机会</a></span>
                        <span><a href="about-us.html?type=contact">联系我们</a></span>
                        <span><a href="about-us.html?type=map" class="bd-no-right">网站地图</a></span>
                    </div>
                    <div class="intro clearfix">
                        <div class="fl">
                            <p><label><i class="fb-sprite icon-area"></i></label><span>重庆市渝北区嘉州协信中心A栋23层</span></p>
                            <p><label><i class="fb-sprite icon-email"></i></label><span>Sale@19area.cn</span></p>
                            <p><label><i class="fb-sprite icon-phone"></i></label><span>商务合作：<em
                                    class="fs-18">13452828599  /  13647631899</em></span>
                            </p>
                        </div>
                        <div class="fr">
                            <label>
                                <img src="img/ewm.jpg">
                                <span>移动版</span>
                            </label>
                            <label>
                                <img src="img/ewm.jpg">
                                <span>商务合作</span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span class="copyright">Copyright© 2017 www.19area.cn 重庆十九地带科技有限公司 版权所有　渝ICP备14009506号</span>
    </div>
</div>
<div class="go-top-box">
    <a href="javascript:;" id="goTop"><i class="fb-sprite icon-top"></i></a>
</div>

<!--视频弹窗-->
<div class="play_video_dialog">
    <span onclick="closeVideo()" title="关闭"><img src="img/close.png" width="30px" height="30px"></span>
    <video id="play-video" class="video-js" controls preload="auto" data-setup="{}" style="width:100%;height:100%;">
        <source src="https://19area-output-bucket.oss-cn-hangzhou.aliyuncs.com/Act-ss-mp4-hd/c93c1872c15f4b5fb16a31e2045e30e6/Medic.mp4"
                type="video/mp4"></source>
    </video>
</div>

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/video.min.js"></script>
<script src="js/common.js"></script>
<script src="js/base.js"></script>
<script>
    $(function () {
        $(".video-btn").click(function () {
            playVideo(this);
        });
    })
</script>
</body>
</html>